﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="VisualAgile.Web.Views.Home.About" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta name="description" content="" />
    <link href="../../Content/fonts-min.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="../../Content/icons/Icon.ico" type="image/x-icon" />
    <title>Agile Kanban Boards | Enterprise agile project management | Get things done</title>
    <style type="text/css">
        HTML
        {
            font-size: small;
            background: url(assets/icons/4-1.gif) #e9f2ff no-repeat center 50%;
            color: #555555;
            font-family: "Trebuchet" , Arial, Helvetica, sans-serif;
        }
        BODY
        {
            visibility: hidden;
        }
        A
        {
            color: #15428b;
        }
        A:active
        {
            outline: none;
        }
        A:visited
        {
            outline: none;
        }
        A:hover
        {
            outline: none;
        }
        A
        {
            outline: none;
        }
        A:hover
        {
            color: #437305;
        }
        H1
        {
            font-size: 1.2em;
            margin-bottom: 10px;
        }
        H2
        {
            font-size: 1em;
            margin-bottom: 10px;
        }
        P
        {
            line-height: 140%;
        }
        SPAN.red
        {
            color: #990000;
        }
        CODE
        {
            font-size: 1.2em;
        }       
    </style>

    <script language="javascript">
        function createRandomWord(length) {
            var consonants = 'bcdfghjklmnpqrstvwxyz',
        vowels = 'aeiou',
        rand = function(limit) {
            return Math.floor(Math.random() * limit);
        },
        i, word = '', length = parseInt(length, 10),
        consonants = consonants.split(''),
        vowels = vowels.split('');
            for (i = 0; i < length / 2; i++) {
                var randConsonant = consonants[rand(consonants.length)],
            randVowel = vowels[rand(vowels.length)];
                word += (i === 0) ? randConsonant.toUpperCase() : randConsonant;
                word += i * 2 < length - 1 ? randVowel : '';
            }
            return word;
        }

        function getRandom() {
            randomKey = Math.floor(Math.random() * 15);
            if (randomKey < 8) randomKey = 8;
            Ext.get('projectId').dom.innerText = createRandomWord(randomKey);
        }
                
    </script>

</head>
<body>
    <mvc:ExtScriptManager ID="ExtScriptManager" runat="server" />
    <mvc:ExtJSON ID="windowCfgs" runat="server">
        <xtype>
            <mvc:ExtItem closable="false" resizable="false" draggable="false" constrain="true"
                layout="anchor" height="Ext.getBody().getHeight() / 1.3" width="Ext.getBody().getWidth() / 2">
                <items>
                    <mvc:ExtItem xtype="panel" height="80" frame="false" border="false" bodyStyle="padding-top:0px;background:#f4f7fc url(assets/images/blue-grad-sm.png) bottom repeat-x;">
                        <html>
                            &nbsp;
                            <div>
                                <img style="float: left; : 0px; text-align: right;" src="Content/images/visuagile.png" />
                            </div>
                           <div>
                               <img style="float: right; : 0px; text-align: right;" src="Content/images/logo.png" />
                           </div>
                        </html>
                    </mvc:ExtItem>
                    <mvc:ExtItem xtype="panel" anchor="100% -30" frame="false" border="false">
                        <items>
                            <mvc:ExtItem title="Shaping the world\'s thinking about how best to combat social problems."
                                border="false" bodyStyle="padding:20px;background:transparent url(Content/images/grass.gif) bottom repeat-x;"
                                autoScroll="true">
                                <items>
                                    <mvc:ExtItem xtype="panel" anchor="100%" bodyStyle="padding:20px;background-color:#fbffcc;"
                                        autoScroll="true" frame="false" border="false">
                                        <html>
                                        <h1>
                                            Welcome to visuagile.com</h1>
                                        <p>
                                            visuagile stands for Visual Agile, is a project created to simplify Agile project
                                            management based on the concept of "Kanban Boards" 
                                            (a Just-In-Time pull control method in Toyota Production System).</p>
                                        </html>
                                    </mvc:ExtItem>
                                    <mvc:ExtItem xtype="panel" anchor="100%" bodyStyle="margin-bottom:10px;padding:10px 0 20px 0;"
                                        autoScroll="true" frame="false" border="false">
                                        <html>
                                        <p>
                                            This project came about from the want of simplified way for managing projects using
                                            Agile XP or scrum. Visuagile is a free, non-profit, open-source
                                            project management tool to help you manage team tasks and keep track the status each day . If you aren't familiar with Agile, <a href='http://en.wikipedia.org/wiki/Agile_software_development' target='_blank'>
                                                I suggest you check it out</a>.</p>
                                            <br />
                                            
                                            Checkout live <a href='demo'><b>demo</b></a> to find out more or visit <a href='http://visualagile.codeplex.com'>
                                                <b>codeplex</b></a> &nbsp;page for downloads and help.
                                        </html>
                                    </mvc:ExtItem>
                                    <mvc:ExtItem xtype="panel" id="pnlAbout" anchor="100%" bodyStyle="margin-bottom:10px;padding:0 0 20px 0;background:transparent;"
                                        autoScroll="true" frame="false" border="false">
                                        <defaults>
                                            <mvc:ConfigItem name="buttonAlign" value="left" />
                                        </defaults>
                                        <html>                                        
                                        <p>
                                            <b>To start a new project, type <strong>visuagile.com/</strong><span id="projectId"
                                                style="color: rgb(170, 170, 170); font-weight: bold;" id="scrumy_url">&lt;new project name&gt;</span></b>
                                        </p>
                                        <br />
                                        <br />
                                        </html>
                                        <buttons>
                                            <mvc:ExtItem text="&nbsp;Are you lucky?&nbsp;">
                                                <handler>

                                                    <script>
                                                        function() {
                                                            randomKey = Math.floor(Math.random() * 16);
                                                            if (randomKey < 8) randomKey = 8;
                                                            var word = createRandomWord(randomKey);
                                                            window.location.href = word;
                                                        }
                                                    </script>

                                                </handler>
                                            </mvc:ExtItem>
                                            <mvc:ExtItem cls="x-btn-left" text="Choose Random Name">
                                                <handler>

                                                    <script>
                                                        function() {
                                                            randomKey = Math.floor(Math.random() * 16);
                                                            if (randomKey < 8) randomKey = 8;
                                                            var word = createRandomWord(randomKey);
                                                            Ext.get('projectId').dom.innerHTML = '<a href="' + word + '">' + word + '</a>';
                                                        }
                                                    </script>

                                                </handler>
                                            </mvc:ExtItem>
                                        </buttons>
                                    </mvc:ExtItem>
                                </items>
                            </mvc:ExtItem>
                        </items>
                    </mvc:ExtItem>
                </items>
                <buttons>
                    <mvc:ExtItem text="Contact Me @ yogsbreath@gmail.com">
                        <handler>

                            <script>
                                function() {
                                    location.href = "mailto:yogsbreath@gmail.com?subject=I was at visuagile.com and..."
                                }
                            </script>

                        </handler>
                    </mvc:ExtItem>
                </buttons>
            </mvc:ExtItem>
        </xtype>

        <script>            
            Ext.namespace("dlr.cmp.login");
            dlr.cmp.login.loginWindow = function(cfg) {
                // ------------------------------------------------
                // private properties
                // ------------------------------------------------
                var that = this;
                var windowCfg = windowCfgs;
                
                //This is fot to fix height issue with Firefox, before load it returns height as 0.
                if (windowCfg.height == 0) windowCfg.height = (Ext.getBody().getHeight() / 1.2) - 30;
                var pwWin = null;
                // ------------------------------------------------
                // constructor code
                // ------------------------------------------------
                Ext.apply(this, cfg);
                // apply private cfgs
                Ext.apply(this, windowCfg);
                dlr.cmp.login.loginWindow.superclass.constructor.call(this, cfg);
                // events
            };

            Ext.extend(dlr.cmp.login.loginWindow, Ext.Window);
            Ext.reg("loginWindow", dlr.cmp.login.loginWindow);

            // debug
            var _d = function(src) {
                var win = new Ext.Window({
                    layout: 'fit',
                    width: 500,
                    height: 300,
                    autoScroll: true
                });
                win.show();
                dump(src, null, win.body.dom);
            };
            // layout
            var layout = function() {
                var viewport = null;
                var workSpacePanel = null;
                var loginWindow = null;               
                // interface
                return {
                    init: function() {
                        Ext.getBody().setStyle("visibility", "visible");
                        Ext.QuickTips.init();
                        viewport = new Ext.Viewport({
                            id: "dlrVp",
                            layout: "border",
                            frame: false,
                            border: false,
                            items: [{
                                region: "center",
                                layout: "fit",
                                frame: false,
                                border: false,
                                bodyStyle: "background:#e9f2ff;"
}]
                            });
                            loginWindow = new dlr.cmp.login.loginWindow({
                                viewport: viewport,                                
                                workSpacePanel: workSpacePanel
                            });
                            loginWindow.show();
                        },
                        getLoginWindow: function() {
                            return loginWindow;
                        }                        
                    };
                } ();
                Ext.onReady(layout.init, layout, layout);

        </script>

    </mvc:ExtJSON>
</body>
</html>
